@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="addForm">


            <input type="hidden" id="id" value="${proInfo.id}">
            <input type="hidden" id="statusInit" value="${proInfo.status}">
            <input type="hidden" id="sortFieldInit" value="${proInfo.sortField}">
            <input type="hidden" id="sortMap" value="">

            <div class="col-sm-6 proSort">
                <div class="panel panel-success sortRight">
                    <div class="panel-body">
                        <h2>明星产品排序（拖拽）</h2>
                    </div>
                    <#sortable  id="sortable" list="${proList}"/>
                </div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="ProductSortInfoDlg.editStarSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="parent.layer.close(window.parent.LoanProduct.layerIndex)"/>
                </div>
            </div>
        </div>

    </div>
</div>
<style>
    .ui-state-default{
        height: 40px;
        background: #fff;
        border:1px solid aliceblue;
        line-height: 40px;
        border-radius: 3px;
        margin-bottom: 2px;
        width: 50%;
    }
    .ui-state-default:hover{
        cursor: pointer;
    }
    .title{
        background: #000;
        color:#fff;
    }
    .sortLeft{
        padding-right: 20px;
    }
    .sortRight{
        padding-right: 20px;
    }
    .ui-sortable{
        /*float: right;*/
    }
</style>
<link rel="stylesheet" href="${ctxPath}/static/css/jqui/jquery-ui.min.css">
<script src="${ctxPath}/static/js/jquery-ui.min.js"></script>
<script src="${ctxPath}/static/modular/platform/productSort/productSort_info.js"></script>
@}
